import React from 'react';
import './check.scss';
import {Link} from "react-router-dom";
import ImageLoadable from "components/plugins/imageLoading/imageLoading";
import {RouterList} from "@/routers/router-list";

class ColumnCapitalDisplay extends React.Component {
    render() {
        let {
            item,
            // isCanvass = false
        } = this.props;

        let {
            Id,
            ImgPaths,
            CompanyName,
            To = RouterList.info.capital(Id)
        } = item || {};
        return (
            <Link to={To} className={"column-project-display"}>
                <ImageLoadable className={"bg"} src={ImgPaths?.[0].Url}/>
                <div className="group">
                    <div className="space"/>
                    <div className="background-black">
                        <div className="title font-size-30">{CompanyName}</div>
                        <div className="info">
                            {/*<span className="end-time font-size-22">投资方向：xxx、xxxx、xxxxxx</span>*/}
                        </div>
                    </div>
                </div>
            </Link>
        );
    }
}

export default ColumnCapitalDisplay;